<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../dist/css/mui.css">
    <link rel="stylesheet" href="../dist/css/icons-extra.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div id="app">
        <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回</a>
			<h1 class="mui-title">登录</h1>
		</header>
        <section>
            <div class="mui-card-content">
					<form class="mui-input-group">
					    <div class="mui-input-row">
					        <label>用户名</label>
					    <input type="text" class="mui-input-clear" placeholder="请输入用户名" data-input-clear="12"><span class="mui-icon mui-icon-clear mui-hidden"></span>
					    </div>
					    <div class="mui-input-row">
					        <label>密码</label>
					        <input type="password" class="mui-input-password" placeholder="请输入密码" data-input-password="13"><span class="mui-icon mui-icon-eye"></span>
					    </div>
					    <div class="mui-button-row">
					        <button type="button" class="mui-btn mui-btn-primary">确认</button>
					        <button type="button" class="mui-btn mui-btn-danger">取消</button>
					    </div>
					</form>
				</div>
        </section>
        <footer>
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item" href="#tabbar">
					<span class="mui-icon mui-icon-home"></span>
					<span class="mui-tab-label">首页</span>
				</a>
				<a class="mui-tab-item" href="#tabbar-with-chat">
					<span class="mui-icon mui-icon-personadd"></span>
					<span class="mui-tab-label">分类</span>
				</a>
				<a class="mui-tab-item" href="#tabbar-with-contact">
					<span class="mui-icon mui-icon-extra mui-icon-extra-cart"><span class="mui-badge">9</span></span>
					<span class="mui-tab-label">购物车</span>
				</a>
				<a class="mui-tab-item mui-active" href="#tabbar-with-map">
					<span class="mui-icon mui-icon-gear"></span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>
		</footer>
    </div>
</body>
</html>